<template>
 <div>
    <header class="site-header jumbotron">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <h1>请发表对Vue的评论</h1>
          </div>
        </div>
      </div>
    </header>
    <div class="container">
      <UserComment/>
      <CommentList :comments='comments'/>
    </div>
  </div>
</template>
<script >
import CommentList from './views/CommentList'
import  UserComment from './views/UserComment'
export default{
 name:'App',
 components:{
  CommentList,
  UserComment,
 },
 data(){
  return {
   comments:[
   {id:1,name:'zs',content:'hhh'}
  ]
  }
 }
}
</script>
<style  scoped>

</style>